<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/join.css"/>
	</head>

	<body>
		<!--头部-->
		<div id="base_top_bg">
			<div class="base_top_navDiv">
				<div class="base_top_logo" onclick="location.href='index.html'"></div>
				<ul class="base_top_nav">
					<li class="w42" id="index_dl" onclick="location.href='login.html'">登录</li>
					<li class="w40" onclick="location.href='register.html'"></li>
					<li class="w40" onclick="location.href='shop.html'"></li>
					<li class="w56" onclick="location.href='cart.html'">购物车</li>
					<li></li>
					<li class="w40"></li>
					<li class="w40"></li>
					<li class="w40"></li>
				</ul>
				<img class="base_weixin" src="img/index/index_weixin1.png" />
				<img class="base_weibo" src="img/index/index_weibo1.png" />
				<img class="base_weitao" src="img/index/index_weitao1.png" />
			</div>
		</div>
		<ul id="base_leftAdd_content">
			<li>
				<a href="news.html">资讯</a>
			</li>
			<li>
				<a href="join.html">加盟</a>
			</li>
			<li>
				<a href="job.html">纳贤</a>
			</li>
			<li>
				<a href="woker.html">匠人</a>
			</li>
			<li>
				<a href="cooperation.html">合作</a>
			</li>
			<li>
				<a href="actor.html">选角</a>
			</li>
			<li>
				<a href="media.html">媒体</a>
			</li>
		</ul>
		<div id="base_leftAdd">
			<span></span>
		</div>
		<!--模拟客服开始-->
		<div id="top"></div>
		<div id="main">
			 <span id="base_guanbi"></span>
			<div id="txt">花笙记客服代表</div>
			<div id="show">
				<span class="show_span">很高兴为您服务！</span>
			</div>
			<input type="text" name="text" id="text" value="" />
			<input type="button" style="cursor: pointer;" id="send" value="发送" />
		</div>
		<!--模拟客服结束-->
		<div id="jion_msj_main">

			<!--中间-->
			<div id="jion_msj_scend1">
				<img src="img/join/jion_1.jpg" /><span id="jion_msj_gdtu">
	<img src="img/join/jion_2.png"/>
				</span>
			</div>
			<!--弹出-->
			<div id="job_msj_scend2">
				<div id="job_msj_scend1_1">
					<ul class="coopcontent">
						<li style="height:150px;">加盟<img style="float: right;" class="gaunbi" src="img/job/job_30.png" /></li>
						<li style="height: 18px;">欢迎您加盟花笙记</li>
						<li><input type="text" placeholder="阁下姓名" class="jion_msj_inpcon" /></li>
						<li><input type="text" placeholder="联系电话" class="jion_msj_inpcon" /></li>
						<li><input type="text" placeholder="练习地址" class="jion_msj_inpcon" /></li>
						<li><input type="text" placeholder="电子邮箱" class="jion_msj_inpcon" /></li>
						<li class="possubmit">
							<a class="submit">申请加入</a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<script src="js/jquery1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//弹出动画
			$("#jion_msj_gdtu").bind("click", function() {
				$("#job_msj_scend2").animate({ left: '+0.1%' }, "slow");
			})
			$(".gaunbi").bind("click", function() {
				$("#job_msj_scend2").animate({ left: '-100%' }, "slow");
			})
		</script>
	</body>

</html>